/*
* Theme Name: 12 Recovery: Base Child Theme
* Author: Ryan Grauer
* Author URI: http://modusdev.net
* Template: base
   ================================================== */

@import url("/web/20170630033655cs_/http://12recovery.com/wp-content/themes/base/style.css");
@import url("https://web.archive.org/web/20170630033655cs_/http://fonts.googleapis.com/css?family=Special+Elite");
/* font-family: 'Special Elite', cursive; */

/* ANIMATIONS 
------------------------------------------------------------ */

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}






/* BODY and CONTAINERS
------------------------------------------------------------ */

body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
    color: #fff;
	font-size: 87.5%;
	line-height: auto;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; 
	height: 100%;	
	background: #f8f8f8;
}

	@media screen and (max-width: 600px) {	
	}


.width, 
article {
	max-width: 1100px;
	margin: 0 auto; 
	padding: 0 10px;
} 
		
	
	@media screen and (max-width: 600px) {		
		
		.width, 
		article {
			width: auto; 
		} 
	
	}



/* SELECTION AND LINKS
------------------------------------------------------------ */   

::selection {
	background: #fff; 
	color: #000;
}

::-moz-selection {
	background: #fff; 
	color: #000;
}

a {	
	-webkit-transition: all 0.55s ease-in-out; 
	   -moz-transition: all 0.55s ease-in-out; 
	     -o-transition: all 0.55s ease-in-out; 
	    -ms-transition: all 0.55s ease-in-out; 
	        transition: all 0.55s ease-in-out;
}

.contents a {
	color: #fff;
}
	.contents a:hover {
		color: #ccc;
	}





/* HEADINGS
------------------------------------------------------------ */   

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	margin: 0 0 5px;
	line-height: 1.3;
	letter-spacing: 1px;
	font-weight: 800;
}
	
	h1 {
		font-size: 34px;
		line-height: 73px;
		font-weight: normal;
		text-transform: uppercase;
	}
		
	h2 {
		font-family: 'Special Elite', cursive;
		font-size: 26px;
		font-weight: normal;
		text-transform: uppercase;
	}	
		
	h3 {
		font-size: 20px;
	}
	
	h4 {
		font-size: 18px;
	}	
		
	h5 {
		font-size: 16px;
	}
	
	h6 {
		font-size: 14px;

	}


	
	h1 a, 
	h2 a, 
	h3 a, 
	h4 a, 
	h5 a, 
	h6 a {
	    color: inherit;
		text-decoration: none !important;
	}





/* GENERAL CALLINGS
------------------------------------------------------------ */ 
.body-wrap {
	background: #000 url(/web/20170630033655im_/http://12recovery.com/wp-content/themes/12recovery/images/bg.png) no-repeat;
	background-size: 90% auto;
}
.contents {
	font-size: 14px;
	line-height: auto;
}

.contents p {
	margin: 0 0 20px 0;
} 
	
.contents img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}

.contents blockquote {
	font-style: italic;
	padding: .5em 3em;
}  

.contents strong.button {
	display: block;
	font-family: 'Special Elite', cursive;
	float: left;
	color: #ffffff !important;
	font-size: 24px;
	line-height: 1.75em;
	padding: 0 1em;
	margin: 0 .75em 0 0;
	background: rgb(133, 133, 133);
}

.contents iframe {
	float: left;
	max-width: 100%;
	padding: 0 40px 40px 0;
}
	@media screen and (max-width: 600px) {
		.contents iframe {
			padding: 0 0 10px;
		}
	}


/* lists */
.contents ol {
	list-style: decimal; 
	margin: .72em 0 .72em 20px;
}	
		
.contents ul {
	list-style: disc; 
	margin: .72em 0 .72em 20px;
}	

	 	
/* HEADER
------------------------------------------------------------ */ 

.header {
	text-align: center;
	background: url(/web/20170630033655im_/http://12recovery.com/wp-content/themes/12recovery/images/hdr-bg.jpg) center top;
}
	.header .donate {
		text-align: right;
		padding: 20px 20px 10px 0;
	}
	.header .logo {
		display: inline-block;
		vertical-align: middle;
		padding: 25px 0;
	}
	
	.header::after {
		content: " ";
		display: block;
		clear:both;
	}	
	
	@media screen and (max-width: 600px) {		
		.header .donate {
			display: none;
		}		
	}
	
	
	/* navigation */
	nav {
		text-align: center;
		display: inline-block;
		width: 75.36%;
		vertical-align: middle;
		padding: 0 0 0 3%;
	}
	nav .menu {
	}		
			.menu ul {
				display: inline-block;
			}
				nav ul li {
					font-size: 14px;
					line-height: 24px;
					text-transform: uppercase;
					display: inline-block;
					vertical-align: middle;
					position: relative;
					margin: 0 .5em;
					padding: 0 .642em;
					border-bottom: 2px solid transparent;
				}
					nav ul li:hover,
					nav ul li.current_page_item {
						border-bottom-color: #dc0029;
					}

				nav ul a {
					color: #fff;
					display: block;
				}
					nav ul a.active {
						color: #ccc;
					}
		
	
	
	@media screen and (max-width: 600px) {
		.header {
			position: relative;
		}
		.header nav {
			background: url(/web/20170630033655im_/http://12recovery.com/wp-content/themes/12recovery/images/mobile-nav.png) no-repeat top right;
			width: 35px;
			height: 19px;
			cursor: pointer;
			display: block;
			position: absolute;
			z-index: 99;
			top: 20px;
			right: 20px;
			padding: 10px;
		}	
			.header nav .menu {
				white-space: normal;
				overflow: hidden;
			}
			.header nav ul {
				position: fixed;
				top: -150%;
				width: 100%;
				max-height: 100%;
				overflow: auto;
				display: block;
				background: rgba(0, 0, 0, .7);
				right: 0;

				-webkit-transition: all 0.55s ease-in-out; 
				   -moz-transition: all 0.55s ease-in-out; 
				     -o-transition: all 0.55s ease-in-out; 
				    -ms-transition: all 0.55s ease-in-out; 
				        transition: all 0.55s ease-in-out;
			}
			
			.header nav ul.active {
				top: 0;
			}
				.header nav ul li {
					display: block;
				}
					.header nav ul li a {
						color: #fff;
						font-weight: bold;
						line-height: 3em;
					}
			
			
	}
	
	
	
	



/* MAIN CONTENT
------------------------------------------------------------ */ 

.content-container {
}
	
	@media screen and (max-width: 600px) {		
		
		.content-container {
		
		}
	
	}

	/* pagetitle */
	.pagetitle,
	.content-container h1 {
	}
	
   	

/* halves */
.halves .left-col,
.halves .right-col {
	float: left; 
	width: 50%;
	padding-right: 4%;
	text-align: center;
} 

	@media screen and (max-width: 600px) {	
		.halves .left-col,
		.halves .right-col {
			width: 100%;
			margin: 0 auto 30px !important;
		} 
	}
	
	
/* thirds */
.thirds .left-col,
.thirds .middle-col,
.thirds .right-col {
	float: left; 
	width: 33.33%;
	padding-right: 4%;
} 
	.thirds .right-col.right-col-about {
		margin-top: -50px;
	}

	@media screen and (max-width: 600px) {	
		.thirds .left-col,
		.thirds .middle-col,
		.thirds .right-col {
			width: 100%;
			margin: 0 auto 30px !important;
		} 
	}
   	

/* forths */
.forths .left-col,
.forths .left-mid-col,
.forths .right-mid-col,
.forths .right-col {
	float: left; 
	width: 25%;
	padding: 0 2%;
} 

	@media screen and (max-width: 600px) {	
		.forths .left-col,
		.forths .left-mid-col,
		.forths .right-mid-col,
		.forths .right-col {
			width: 100%;
			margin: 0 auto 30px !important;
		} 
	}
	
	
	
/* internal page */
.main-content {
	max-width: 455px;
	padding: 100px 0 100px 0;
	min-height: 100px;
}	


	
	@media screen and (max-width: 600px) {	
		.main-content {
			padding: 15px 0;
		}	
		
	}
	
	
	
	
	
	




/* FOOTER
------------------------------------------------------------ */ 
	
.footer {
	color: #8c8c8c;
	font-size: 12px;
	line-height: 37px;
	background: #fff;
	padding: 60px 0 20px 0;
	text-align: center;
}
	.footer a {
		color: inherit;
	}
	
	.footer nav {
		color: #000;
		padding: 15px 0px;
	}
	
	.footer-widget-area .textwidget:first-child {
		float: left;
	}
	.footer-widget-area .textwidget:last-child {
		float: right;
	}
	
	@media screen and (max-width: 600px) {
		
		.footer-widget-area .textwidget:first-child, 
		.footer-widget-area .textwidget:last-child {
			float: none;
			text-align: center;
			padding: 5px 0;
		}
	}

/* Home */

.home .main-content {
	max-width: 100%;
	padding-top: 220px;
}
.home-video-background {
	background-size: cover;
}
.home .header {
	width: 100%;
	position: absolute;
}
	
	@media screen and (max-width: 600px) {
		.home .main-content {
			padding-top: 125px;
		}
			
	}
/*
     FILE ARCHIVED ON 03:36:55 Jun 30, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:59:05 Jul 23, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 1870.764 (3)
  esindex: 0.01
  captures_list: 1887.839
  CDXLines.iter: 12.669 (3)
  PetaboxLoader3.datanode: 148.295 (4)
  exclusion.robots: 0.226
  exclusion.robots.policy: 0.211
  RedisCDXSource: 0.664
  PetaboxLoader3.resolve: 1874.13 (3)
  load_resource: 285.912
*/